<%var styleBlock={%>
<style>
</style>
<%};%>

<% var mainBlock={%>

    <header id="fh5co-header" class="fh5co-cover" role="banner" style="background-image:url('${ctx}/assets/home/images/img_bg_1.jpg');" data-stellar-background-ratio="0.5">
        <div class="overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-7 text-left">
                    <div class="display-t">
                        <div class="display-tc animate-box" data-animate-effect="fadeInUp">
                            <h1 class="mb30" style="font-size: 32px">
                                <ul style="list-style: none;margin-left: -40px">
                                <li>搬瓦工VPS - 一款性价比较高的便宜VPS主机
                                    </li>
                                    <li style="font-size: 25px;">便宜、简单、实用VPS主机商</li>
                                    <li style="font-size: 20px;">节点请选择洛杉矶 </li>
                                    <li> </li>
                            </ul></h1>
                            <p>
                                <a href="https://bwh1.net/aff.php?aff=24675" target="_blank" class="btn btn-primary">√推荐月付4.99美元方案√</a>  <em class="or"></em>
                                <a >(使用优惠码" BWH1ZBPVK "再省6%)</a>
                                <!--href="https://www.youtube.com/embed/zpOULjyy-n8" class="link-watch popup-vimeo"-->
                                <!--<iframe width="816" height="459" src="https://www.youtube.com/embed/zpOULjyy-n8" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>-->
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

<div id="fh5co-blog" class="fh5co-bg-section">
    <div class="container">
        <div class="row animate-box row-pb-md" data-animate-effect="fadeInUp">
            <div class="col-md-8 col-md-offset-2 text-left fh5co-heading">
                <span>Thoughts &amp; Ideas</span>
                <h2>建议选择KVM/CN2方案</h2>
                <p>2017年，搬瓦工VPS商家新增洛杉矶MC、加拿大、纽约、CN2、香港等多个机房，目前一共有11个机房/数据中心可以选择，而且从3月份开始，新增KVM VPS，相比OpenVZ架构，更灵活，可安装兼容软件更多，稳定性更好。10月份新增香港机房，CN2机房也新增至2个（DC3/DC8）,
                </p><p> 一般会根据自己项目的需要，选择下面10个便宜年付方案其一，如果以后需要升级/降级，都可以在后台操作，如果是建站应用，个人建议还是需要选择内存512MB以上方案。.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeInUp">
                <div class="fh5co-post">
                    <span class="fh5co-date">1.</span>
                    <h3><a href="javascript:void (0)">月4.99方案（洛杉矶CN2）</a></h3>
                    <p><ul>
                    <li>内存：512MB</li>
                    <li> 硬盘：10GB SSD</li>
                    <li> 流量：500GB/月</li>
                    <li>  价格：年$29.99</li>
                </ul></p>
                    <p>
                        <a class="btn btn-default" style="background-color: #F73859!important;color: white" href="https://bwh1.net/aff.php?aff=24675&pid=44" role="button">直达方案通道（KVM洛杉矶CN2）</a>
                    </p><!--<p class="author"><img src="${ctx}/assets/home/images/cyh.jpg" alt=""> <cite> author</cite></p>-->
                </div>
            </div>
            <div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeInUp">
                <div class="fh5co-post">
                    <span class="fh5co-date">2.</span>
                    <h3><a href="javascript:void (0)">月4.99方案（洛杉矶CN2）</a></h3>
                    <p><ul>
                    <li>内存：512MB</li>
                    <li> 硬盘：10GB SSD</li>
                    <li> 流量：500GB/月</li>
                    <li>  价格：年$29.99</li>
                </ul></p>
                    <a class="btn btn-default" style="background-color: #F73859!important;color: white" href="https://bwh1.net/aff.php?aff=24675&pid=44" role="button">直达方案通道（KVM洛杉矶CN2）</a>
                    <!--<p class="author"><img src="${ctx}/assets/home/images/cyh.jpg" alt=""> <cite> author</cite></p>-->
                </div>
            </div>
            <div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeInUp">
                <div class="fh5co-post">
                    <span class="fh5co-date">3.</span>
                    <h3><a href="javascript:void (0)">月4.99方案（洛杉矶CN2）</a></h3>
                    <p><ul>
                    <li>内存：512MB</li>
                    <li> 硬盘：10GB SSD</li>
                    <li> 流量：500GB/月</li>
                    <li>  价格：年$29.99</li>
                </ul></p>
                    <a class="btn btn-default" style="background-color: #F73859!important;color: white" href="https://bwh1.net/aff.php?aff=24675&pid=44" role="button">直达方案通道（KVM洛杉矶CN2）</a>
                    <!--<p class="author"><img src="${ctx}/assets/home/images/cyh.jpg" alt=""> <cite> author</cite></p>-->
                </div>
            </div>
        </div>
    </div>
</div>

    <div id="fh5co-project">
        <div class="container">
            <div class="row row-pb-md">
                <div class="col-md-8 col-md-offset-2 text-left fh5co-heading  animate-box">
                    <span></span>
                    <h2 style="font-size: 30px">关于VPS</h2>
                    <p>
                        VPS服务在KiwiVM上运行，KiwiVM是一个内部开发的安全控制面板。它允许执行所有基本管理任务：启动/停止，操作系统重新加载，紧急控制台，rDNS（PTR）记录管理，数据中心迁移，快照，使用统计，API等
                    </p>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
                    <a href="#"><img src="${ctx}/assets/home/images/work-1.jpg" alt="计划比较" class="img-responsive">
                        <div class="fh5co-copy">
                            <h3>Clipboard Office</h3>
                            <p>Web Design</p>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
                    <a href="#"><img src="${ctx}/assets/home/images/work-2.jpg" alt="计划比较" class="img-responsive">
                        <div class="fh5co-copy">
                            <h3>Smart Layers</h3>
                            <p>Brand &amp; Identity</p>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
                    <a href="#"><img src="${ctx}/assets/home/images/work-3.jpg" alt="计划比较" class="img-responsive">
                        <div class="fh5co-copy">
                            <h3>Notepad Mockup</h3>
                            <p>Illustration</p>
                        </div>
                    </a>
                </div>

            </div>
        </div>

    </div>

<div id="fh5co-services" class="fh5co-bg-section border-bottom">
    <div class="container">
        <div class="row row-pb-md">
            <div class="col-md-8 col-md-offset-2 text-left animate-box" data-animate-effect="fadeInUp">
                <div class="fh5co-heading">
                    <span>关于</span>
                    <h2>What I Do</h2>
                    <p>我的工作.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-6 ">
                <div class="feature-center animate-box" data-animate-effect="fadeInUp">
						<span class="icon">
							<i class="icon-eye"></i>
						</span>
                    <h3>微信公众号</h3>
                    <p>为微信公众号提供H5页面和接口.</p>
                    <p><a href="javascript:void (0)">Learn more</a></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 ">
                <div class="feature-center animate-box" data-animate-effect="fadeInUp">
						<span class="icon">
							<i class="icon-command"></i>
						</span>
                    <h3>H5前端</h3>
                    <p>编写各种有特效无特效前端页面.</p>
                    <p><a href="javascript:void (0)">Learn more</a></p>
                </div>
            </div>
            <div class="clearfix visible-sm-block"></div>
            <div class="col-md-4 col-sm-6 ">
                <div class="feature-center animate-box" data-animate-effect="fadeInUp">
						<span class="icon">
							<i class="icon-power"></i>
						</span>
                    <h3>后台</h3>
                    <p>编写后台逻辑接口.</p>
                    <p><a href="javascript:void (0)">Learn more</a></p>
                </div>
            </div>

            <div class="clearfix visible-md-block"></div>

            <div class="col-md-4 col-sm-6 ">
                <div class="feature-center animate-box" data-animate-effect="fadeInUp">
						<span class="icon">
							<i class="icon-eye"></i>
						</span>
                    <h3>架构</h3>
                    <p>设计项目架构.</p>
                    <p><a href="javascript:void (0)">Learn more</a></p>
                </div>
            </div>
            <div class="clearfix visible-sm-block"></div>
            <div class="col-md-4 col-sm-6 ">
                <div class="feature-center animate-box" data-animate-effect="fadeInUp">
						<span class="icon">
							<i class="icon-command"></i>
						</span>
                    <h3>项目经理</h3>
                    <p>协调各个业务.</p>
                    <p><a href="javascript:void (0)">Learn more</a></p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 ">
                <div class="feature-center animate-box" data-animate-effect="fadeInUp">
						<span class="icon">
							<i class="icon-power"></i>
						</span>
                    <h3>运维</h3>
                    <p>服务器部署，域名解析.</p>
                    <p><a href="javascript:void (0)">Learn more</a></p>
                </div>
            </div>

            <div class="clearfix visible-md-block"></div>

        </div>
    </div>
</div>

    <div id="fh5co-testimonial" class="fh5co-bg-section">
        <div class="container">
            <div class="row animate-box row-pb-md">
                <div class="col-md-8 col-md-offset-2 text-left fh5co-heading">
                    <span>vps</span>
                    <h2>常见问题解答</h2>
                    <p>一般，我们用户在购买和使用搬瓦工VPS时候，可能会存在这些问题.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 animate-box">
                    <div class="testimonial">
                        <blockquote>
                            <p>&ldquo;如果用来建站使用，个人建议512MB内存方案，无论是使用一键环境包还是WEB面板，512MB内存是基础配置.&rdquo;</p>
                            <p class="author"> <img src="${ctx}/assets/home/images/cyh.jpg" alt=""> <cite>&mdash; 曹永浩</cite></p>
                        </blockquote>
                    </div>

                    <div class="testimonial fh5co-selected">
                        <blockquote>
                            <p>&ldquo;目前只支持新注册账户30天内申请退款，超过30天账户不支持退款（退款政策）。（以前是每个账户有一次退款机会）.&rdquo;</p>
                            <p class="author"><img src="${ctx}/assets/home/images/cyh.jpg" alt=""> <cite>&mdash; 曹永浩</cite></p>
                        </blockquote>
                    </div>
                </div>

                <div class="col-md-6 animate-box">
                    <div class="testimonial fh5co-selected">
                        <blockquote>
                            <p>&ldquo;搬瓦工VPS目前有洛杉矶MC、洛杉矶QN、凤凰城、佛罗里达、荷兰这8个数据中心，对中文速度较好的是洛杉矶和凤凰城。.&rdquo;</p>
                            <p class="author"><img src="${ctx}/assets/home/images/cyh.jpg" alt=""> <cite>&mdash; 曹永浩</cite></p>
                        </blockquote>
                    </div>

                    <div class="testimonial">
                        <blockquote>
                            <p>&ldquo;2017年2月份，搬瓦工商家再次新增洛杉矶MC、纽约、加拿大机房，至此一共8个机房。其中洛杉矶包括洛杉矶QNET和洛杉矶MCOM，从个人测试看，前者速度比后者好一点，建议优先选择。.&rdquo;</p>
                            <p class="author"><img src="${ctx}/assets/home/images/cyh.jpg" alt=""> <cite>&mdash; 曹永浩</cite></p>
                        </blockquote>
                    </div>

                </div>



            </div>
        </div>
    </div>


    <div id="fh5co-counter">
        <div class="container">

            <div class="row animate-box" data-animate-effect="fadeInUp">
                <div class="col-md-8 col-md-offset-2 text-left fh5co-heading">
                    <span>about me</span>
                    <h2>My info</h2>
                    <p>关于.</p>
                </div>
            </div>

            <div class="row">

                <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                    <div class="feature-center">
						<span class="icon">
							<i class="ti-download"></i>
						</span>
                        <span class="counter"><span class="js-counter" data-from="0" data-to="1993" data-speed="15000" data-refresh-interval="50">1</span>+</span>
                        <span class="counter-label">年</span>

                    </div>
                </div>
                <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                    <div class="feature-center">
							<span class="icon">
								<i class="ti-face-smile"></i>
							</span>
                        <span class="counter"><span class="js-counter" data-from="0" data-to="8" data-speed="15000" data-refresh-interval="50">1</span>+</span>
                        <span class="counter-label">月</span>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                    <div class="feature-center">
							<span class="icon">
								<i class="ti-briefcase"></i>
							</span>
                        <span class="counter"><span class=" js-counter" data-from="0" data-to="25" data-speed="15000" data-refresh-interval="50">1</span>+</span>
                        <span class="counter-label">日</span>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                    <div class="feature-center">
							<span class="icon">
								<i class="ti-time"></i>
							</span>
                        <span class="counter"><span class="js-counter" data-from="0" data-to="1000" data-speed="15000" data-refresh-interval="50">1</span>天+</span>
                        <span class="counter-label">The days</span>

                    </div>
                </div>

            </div>
        </div>
    </div>



    <div id="fh5co-started">
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <span>This is not well</span>
                    <h2>Test the website</h2>
                    <p>提出意见.</p>
                    <p><button class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">提bug</button></p>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">bug/建议</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="message" class="control-label">内容:</label>
                        <textarea class="form-control" id="message"></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button"  id="submit" class="btn btn-primary">提交</button>
            </div>
        </div>
    </div>
</div>

<%};%>

<% var scriptBlock={%>
<script>

    $(function(){
        $("#submit").click(function(){

            var message=$("#message").val();
            $.ajax({
                url:'${ctx}/home/bug',
                data:{txt:message},
                success:function(data){
                    $('#exampleModal').modal('toggle');
                    alert("ok")
                }

            })

        })
    })

</script>
<%};%>

<%
var layoutParas = {"mainBlock":mainBlock,"styleBlock":styleBlock,"scriptBlock":scriptBlock};
includeFileTemplate('/layout/home/template.htm',layoutParas){};
%>